{extend name="public/base" /}

{block name="logo"}
    {$websiteInfo.webname}
{/block}


{block name="content"}
    <div class="jumbotron" style="background-size: cover;background-image: url('https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3744052883,4237116621&fm=26&gp=0.jpg')">
        <h1 class="animated fadeInDown">吃得苦中苦  方为人上人</h1>
    </div>
    <div class="row">
        <div class="col-sm-12 col-md-8">
            <div class="page-header h3">{$catename|default="文章"}列表</div>
            <div class="article-list">
                {volist name="articles" id="article"}
                    <div class="article-list-item">
                        <a href="{:url('index/article/detail', ['id' => $article.id])}" class="title" style="font-size: 22px;color: #02bff8">{$article.title}</a>
                        <div>
                            <p style="text-indent:2em;font-size: 14px">{$article.desc}</p>
                        </div>
                        <div class="info" style="font-size: 12px;">
                            <span class="author" style="margin-right: 10px;">作者：{$article.author}</span>
                            <span class="time" style="margin-right: 10px;">发布时间：{$article.create_time}</span>
                            <span class="read" style="margin-right: 10px;">阅读：{$article.views}</span>
                            <span class="comment" style="margin-right: 10px;">评论：{$article.comment_num}</span>
                        </div>
                    </div>
                {/volist}

            </div>
            <nav class="">
                {$articles|raw}
            </nav>
        </div>
        <div class="col-sm-12 col-md-4">
            <div class="page-header h3">推荐文章</div>
            <div class="topic-list">
                {volist name="articleTop" id="article"}
                    <div class="topic-list-item">
                        <a href="#" class="title">{$article.title}</a>
                    </div>
                {/volist}
            </div>
        </div>
    </div>
{/block}

